
<div class="oo" style="height: 740px;margin-top: -100px;padding-top: 20px" >
<section>
  <div class="div1">
    <a href=""><img src="/images/图片3.png"></a>
  </div>
  <article style="margin-top: 150px">
    <div class="row1" style="width: 960px;margin-left: 0px">
      <div style="float: left">
        <a href="users/souye" class="btn btn-primary bt1">进入官网</a><br>
        <a href="users/souye" class="btn btn-primary bt2">进入官网</a><br>
        <a href="users/souye" class="btn btn-primary bt3">进入官网</a><br>
        <a href="users/souye" class="btn btn-primary bt4">进入官网</a>
      </div>
      <div style="float: right;margin-right: 148px">
        <a href="users/souye" class="btn btn-primary bt5">进入官网</a><br>
        <a href="users/souye" class="btn btn-primary bt6">进入官网</a>
      </div>
      <div id="e"></div>
    </div>
    <div class="footy">
      <a href="users/souye" class="btn btn-primary bt7">进入官网</a>
      <a href="users/souye" class="btn btn-primary bt8">进入官网</a>
      <a href="users/souye" class="btn btn-primary bt9">进入官网</a>
      <a href="users/souye" class="btn btn-primary bt10">进入官网</a>
    </div>
  </article>
</section>
<a href=""><img src="/images/x.png" style="position: absolute;right:10px;top: 20px"></a>
<img src="/images/qiu.png" id="ex" style="position: absolute;width: 50px;top: 505px;left: 230px">


<script>
  $(document).ready(function(){
    var css = {left:'582px'};
    $("#ex").animate(css,3000,rowBack,rotation2());
    function rowBack(){
      if(css.left=='230px')
      {css.left='582px';
        $("#ex").animate(css,3000,rowBack,rotation2())}
      else if(css.left=='582px')
      {css.left='230px';
        $("#ex").animate(css,3000,rowBack,rotation1());}
    }
  });


  var rotation2 = function() {
    $("#ex").rotate({
      angle: 0,
      animateTo: 360,
      callback: rotation2,
      easing: function(x, t, b, c, d) { // t: current time, b: begInnIng value, c: change In value, d: duration
        return c * (t / d) + b;
      }
    });
  };

  var rotation1 = function() {
    $("#ex").rotate({
      angle: 0,
      animateTo: -360,
      callback: rotation1,
      easing: function(x, t, b, c, d) { // t: current time, b: begInnIng value, c: change In value, d: duration
        return c * (t / d) + b;
      }
    });
  };


</script>
</div>
<div class="main">
    <h1>
      Something's fishy here.
    </h1>
    <a href="users/loginer">login</a>
   <a href="users/regist">regist</a>
  <a href="users/zhuce">zhuce</a>
  <a class="bn" href="users/souye">souye</a>
  <a href="users/xiangqin">xiangqin</a>
  <a href="users/shangcheng">shangcheng</a>
  <a href="users/denglu">denglu</a>
  <a href="users/geren">geren</a>
  <a href="http://localhost:8000">爽肤水</a>
  </div>



